<%--
    Document   : MedVerificacion
    Created on : 14/04/2010, 05:06:19 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="/js/jquery.js"></script>
        <script type="text/javascript" src="/js/jquery.validate.js"></script>
        <script language="JavaScript" src="scripts/ajax.js"></script>
        <title>Sistemas de Informacion Institucional</title>
        <script type="text/javascript"  >
            $(document).ready(function() {
                // use this to reset a single form
             

                $("#btnIngresar").click(function() {
                    var sw=true;

                    if($("#txtUsuario").get(0).value==""){
                        alert("Ingresar el Usuario");
                        sw=false;
                        return false;
                    }
                    if($("#txtPassword").get(0).value==""){
                        alert("Ingresar el Password");
                        sw=false;
                        return false;
                    }
                    
                    if(sw==true){
                        document.PEIForm.submit();
                    }

                });
            });
        </script>

    </head>
    <body>
    <div align="center">
            <table style="width: 800px;height: 600px">
                <tr>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                    <td colspan="3">
                        <div>
                            <div id="header">
                            <jsp:include page="header.jsp"  />
                            <!-- end #header --></div>
                        </div>
                    </td>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                    <td rowspan="2" >
                        <div>
                            <table cellpadding="0" cellspacing="0">
                                <tr>
                                    <td style="background-color: #ffffff">
                                        &nbsp;
                                    </td>
                                    <td style="background-color: #DADADA; width:370px;">
                                        <img src="images/flash.jpg" style=" width:370px; height:200px"/>
                                        <p style="margin-left: 1.5em; margin-right: 1.5em; margin-bottom: 1em;"
                                           align="justify">
                                            Estimado Usuario <strong style="font-size: 11px; ">¡Bienvenido!</strong> al <strong style="font-size: 11px;">Sistema de Monitoreo y Evaluación
                                                del Plan Estratégico y Operativo</strong> del <strong style="font-size: 11px; color: #0000cc;">Instituto Peruano del Deporte</strong>,
                                            el mismo que se constituye en una de las herramientas de gestión que
                                            permitirá la articulación de las diversas dependencias que constituyen nuestra
                                            organización a nivel nacional en tiempo real y de forma inmediata, facilitando
                                            de esta forma un trabajo articulado y coordinado hacia una misma finalidad,
                                            Liderar el desarrollo del deporte a nivel nacional.
                                        </p>
                                        <img src="images/flash1.jpg" style=" width:370px; height:15px"/>
                                    </td>
                                    <td style="background-color: #ffffff">
                                        &nbsp;
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                    <td>
                        <div style="height: 100px"></div>
                        <div align="left" >
                        <html:form action="Usuario.do?dispatch=ingresar" styleId="PEIForm">
                                <table class="TableLogin"  cellpadding="2" cellspacing="2">
                                <tr>
                                        <td align="right">
                                        Usuario :
                                    </td>
                                        <td align="left">
                                            <html:text property="usuario_name" styleId="txtUsuario" styleClass="text" />
                                    </td>
                                </tr>
                                <tr>
                                        <td align="right">
                                          Password :
                                    </td>
                                        <td align="left">
                                            <html:password property="usuario_password" styleId="txtPassword" styleClass="text" />
                                    </td>
                                </tr>
                                <tr>
                                        <td>
                                        </td>
                                        <td>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                            <html:submit value="Ingresar" styleId="btnIngresar" styleClass="submit"/>

                                        </td>
                                        <td style="width:10%">
                                        </td>
                                </tr>
                            </table>
                            
                        </html:form>
                        </div>
                        <div></div>
                    </td>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="width:5%" >
                        &nbsp;
                    </td>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                    <td align="left" valign="middle" style="height: 120px">
                        <strong style="font-size: 18px;">Nota:</strong> Antes de de empezar a utilizar el sistema
                        debe hacer click en el botón
                        <a href="Usuario.do?dispatch=registro" class="a">
                            Registrarse
                        </a>
                    </td>
                    <td style="width:5%">
                        &nbsp;
                    </td>
                </tr>
                             <tr>
                    <td style="width:5%; height: 10%">
                        &nbsp;
                                </td>
                    <td  colspan="3" style="height: 10%">
                        <div id="footer">
                            <jsp:include page="footer.jsp" />
                            <!-- end #footer -->
                        </div>
                                </td>
                            <td style="width:5%; height: 10%">
                        &nbsp;

                    </td>
                </tr>
               

            </table>
        </div>
    </body>
</html>
